<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>快聚FUN - 让聚会更容易</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- -->
	<link rel="stylesheet" type="text/css" href="style/css/layout.css">
	<link rel="stylesheet" type="text/css" href="style/css/ui-lightness/jquery-ui-1.9.1.custom.min.css">
	<link rel="stylesheet" type="text/css" href="js/poshytip/src/tip-yellow/tip-yellow.css">
	<link rel="stylesheet" type="text/css" href="style/css/calendar.css">
	<link rel="stylesheet" type="text/css" href="style/css/launch_party.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script>
	<script type="text/javascript" src="js/scrollbar.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="js/poshytip/src/jquery.poshytip.min.js"></script>
	
	<script type="text/javascript">
		var all_name = new Array();
		var all_phone = new Array();
		var temp_name = new Array();
		var temp_phone = new Array();
		var my_friend = [{$friends}];
		
		function find(item,arr) {
			var i = 0;
			for(i=0;i<arr.length;i++) {
				if(arr[i] == item) {
					return i;
				}
			}
			return -1;
		}
	</script>
	
	<script type="text/javascript">
		function checkChange() {
			var off = "off.png";
			var check = "check.png";
		    x = document.getElementById("checkimg");
			if (x.src.match(off) != null) {
				x.src = "style/images/check.png";
				document.getElementById("check").value = "1";
			}
			else if (x.src.match(check) != null) {
				x.src = "style/images/off.png";
				document.getElementById("check").value = "0";
			}
		}
		function submit() {
			/* input list
			 * id="input_title" name="title"
			 * id="input_theme" name="theme"
			 * id="check" name="all_attend"
			 */
			f = document.getElementById("launch_form");
			f.action = "";
			f.submit();
		}
	</script>
</head>

<body>
<div class="container_all">
	<div class="header">
		<div class="container_12">
			<div class="grid_12 ">
				<img id="logo1" src="style/images/logo.gif" />
				<img id="logo2" src="style/images/logo_02.gif" />
			</div>
		</div>
	</div>
	<div class="content">
		<form id="launch_form" action="" method="post">
			<input type="hidden" name="verify" value=<?echo $verify;?> />
			<div class="container_12" style="
				margin-top: 20px; 
			">
				
				<div class="grid_3 suffix_9 expand_h"><h6>我期望的聚会是...</h6></div>
			</div>
			<div class="container_12">
				<div class="grid_1 prefix_1 suffix_10 triangle alpha omega">
					<img src="style/images/triangle.gif" />
				</div>
				<div class="grid_12 alpha omega tribody">
					<div class="grid_3 float frame alpha"id="step">
						<div class="frame_unit_1 active_index" id="step1">第一步</div>
						<div class="frame_unit_2" id="step2">第二步</div>
						<div class="frame_unit_3" id="step3">第三步</div>
					</div>
 
					<div class="float scrollbar">
						<div class="pointer">
							<img src="./style/images/pointer.gif" />
						</div>
					</div>
					<!-- 左侧选取联系人 -->
					<div class="prefix_2 grid_6 float omega scrollTrigger">
						<div class="scrollContent">
						<!-- 输入主题 -->
							<div class="Content_step_1">
								<div class="grid_2 expand_h">我的称谓是?</div>
								<div class="grid_3 suffix_7 expand_h">
									<input id="input_title" name="title" type="text"/>
								</div>
								<div class="grid_1 suffix_5 omega">主题：</div>
								<div class="grid_6 omega">
									<input id="input_theme" class="expand_h input_w" name="theme" title="简要填写活动内容，不超过50字，详细信息可在下方的内容项中输入" type="text" />
								</div>
								
								<!-- 地点 -->
								<div class="grid_2 suffix_4 omega expand_h">地点（非必填）</div>
								<div class="grid_6 omega">
									<textarea id="input_locate" class="input_w" title="若主题中已包含地址，此处可不填" name="locate"></textarea>
								</div>
								
								<!-- 内容 -->
								<div class="grid_2 suffix_4 omega expand_h">内容（非必填）</div>
								<div class="grid_6 omega">
									<textarea id="input_content" class="input_w" title="可输入聚会的详细活动安排" name="content"></textarea>
								</div>
							</div>
							<div class="Content_step_2">
								<!-- 选择联系人 -->
								<div class="grid_6 expand_h">
									<span class="grid_2 alpha omega">参与者：</span>
									<a id="my_contact_btn" class="button gray medium">我的联系人</a>
									<a id="import_contact_btn" class="button gray medium" href="#">导入联系人（仅支持CSV）</a>
								</div>
								<div class="grid_6 omega">
									<input id="contact" type="text" class="input_w" style="
										height: 150px;
										width: 430px;
									"/>
								</div>
			
								<!-- 是否要求所有人参与 -->
								<div class="grid_6">
									<span>
										<span style=""><img id="checkimg" src="style/images/off.png" onclick="javascript:checkChange()" /></span>
										<span style="">要求所有人参与，否则取消本次聚会</span>
										<input id="check" name="all_attend" value="0" type="hidden"/>
									</span>
								</div>
							</div>
							<div class="Content_step_3">
								<div class="calendar grid_6" style="margin: 20px;">
									<div class="">时间：</div>
									<ul class="">
										<li>请选择聚会可能的开始日期</li>
										<table>	
											<thead>
												<tr>
													<th>日</th>
													<th>一</th>
													<th>二</th>
													<th>三</th>
													<th>四</th>
													<th>五</th>
													<th>六</th>
												</tr>
												</thead>
												<tbody>
												<tr>
													<td id="d1"></td>
													<td id="d2"></td>
													<td id="d3"></td>
													<td id="d4"></td>
													<td id="d5"></td>
													<td id="d6"></td>
													<td id="d7"></td>
												</tr>
												<tr>
													<td id="d8"></td>
													<td id="d9"></td>
													<td id="d10"></td>
													<td id="d11"></td>
													<td id="d12"></td>
													<td id="d13"></td>
													<td id="d14"></td>
												</tr>
												<tr>
													<td id="d15"></td>
													<td id="d16"></td>
													<td id="d17"></td>
													<td id="d18"></td>
													<td id="d19"></td>
													<td id="d20"></td>
													<td id="d21"></td>
												</tr>
												<tr>
													<td id="d22"></td>
													<td id="d23"></td>
													<td id="d24"></td>
													<td id="d25"></td>
													<td id="d26"></td>
													<td id="d27"></td>
													<td id="d28"></td>
												</tr>
												<tr>
													<td id="d29"></td>
													<td id="d30"></td>
													<td id="d31"></td>
													<td id="d32"></td>
													<td id="d33"></td>
													<td id="d34"></td>
													<td id="d35"></td>
												</tr>
												<tr>
													<td id="d36"></td>
													<td id="d37"></td>
													<td id="d38"></td>
													<td id="d39"></td>
													<td id="d40"></td>
													<td id="d41"></td>
													<td id="d42"></td>
												</tr>									
											</tbody>
										</table>
									<input type="hidden" name="launch-date" id="launch-date"></input>	<!-- hidden -->
									<li class="">聚会在某天的大概开始时间是</li>
									<div class="grid_4 alpha omega ">
										<select id="launch-time" class="grid_2" name="launch-time">
											<option value="00:00">午夜00:00</option>
											<option value="00:30">凌晨00:30</option>
											<option value="01:00">凌晨01:00</option>
											<option value="01:30">凌晨01:30</option>
											<option value="02:00">凌晨02:00</option>
											<option value="02:30">凌晨02:30</option>
											<option value="03:00">凌晨03:00</option>
											<option value="03:30">凌晨03:30</option>
											<option value="04:00">凌晨04:00</option>
											<option value="04:30">凌晨04:30</option>
											<option value="05:00">凌晨05:00</option>
											<option value="05:30">凌晨05:30</option>
											<option value="06:00">上午06:00</option>
											<option value="06:30">上午06:30</option>
											<option value="07:00">上午07:00</option>
											<option value="07:30">上午07:30</option>
											<option value="08:00">上午08:00</option>
											<option value="08:30">上午08:30</option>
											<option value="09:00">上午09:00</option>
											<option value="09:30">上午09:30</option>
											<option value="10:00">上午10:00</option>
											<option value="10:30">上午10:30</option>
											<option value="11:00">上午11:00</option>
											<option value="11:30">上午11:30</option>
											<option value="12:00">正午12:00</option>
											<option value="12:30">下午12:30</option>
											<option value="13:00">下午13:00</option>
											<option value="13:30">下午13:30</option>
											<option value="14:00">下午14:00</option>
											<option value="14:30">下午14:30</option>
											<option value="15:00">下午15:00</option>
											<option value="15:30">下午15:30</option>
											<option value="16:00">下午16:00</option>
											<option value="16:30">下午16:30</option>
											<option value="17:00">下午17:00</option>
											<option value="17:30">下午17:30</option>
											<option value="18:00" selected="selected">晚上18:00</option>
											<option value="18:30">晚上18:30</option>
											<option value="19:00">晚上19:00</option>
											<option value="19:30">晚上19:30</option>
											<option value="20:00">晚上20:00</option>
											<option value="20:30">晚上20:30</option>
											<option value="21:00">晚上21:00</option>
											<option value="21:30">晚上21:30</option>
											<option value="22:00">晚上22:00</option>
											<option value="22:30">晚上22:30</option>
											<option value="23:00">晚上23:00</option>
											<option value="23:30">晚上23:30</option>
										</select>
									</div>
									<br class="clear" />
									<li class="">您希望我们在什么时候统计出最佳方案？</li>
									<div class="grid_6 alpha omega ">
										<input readonly="readonly" id="invite-date" name="invite-date" ></input>
										<select id="invite-time" class="grid_2" name="invite-time">
											<option value="00:00">午夜00:00</option>
											<option value="00:30">凌晨00:30</option>
											<option value="01:00">凌晨01:00</option>
											<option value="01:30">凌晨01:30</option>
											<option value="02:00">凌晨02:00</option>
											<option value="02:30">凌晨02:30</option>
											<option value="03:00">凌晨03:00</option>
											<option value="03:30">凌晨03:30</option>
											<option value="04:00">凌晨04:00</option>
											<option value="04:30">凌晨04:30</option>
											<option value="05:00">凌晨05:00</option>
											<option value="05:30">凌晨05:30</option>
											<option value="06:00">上午06:00</option>
											<option value="06:30">上午06:30</option>
											<option value="07:00">上午07:00</option>
											<option value="07:30">上午07:30</option>
											<option value="08:00">上午08:00</option>
											<option value="08:30">上午08:30</option>
											<option value="09:00">上午09:00</option>
											<option value="09:30">上午09:30</option>
											<option value="10:00">上午10:00</option>
											<option value="10:30">上午10:30</option>
											<option value="11:00">上午11:00</option>
											<option value="11:30">上午11:30</option>
											<option value="12:00">正午12:00</option>
											<option value="12:30">下午12:30</option>
											<option value="13:00">下午13:00</option>
											<option value="13:30">下午13:30</option>
											<option value="14:00">下午14:00</option>
											<option value="14:30">下午14:30</option>
											<option value="15:00">下午15:00</option>
											<option value="15:30">下午15:30</option>
											<option value="16:00">下午16:00</option>
											<option value="16:30">下午16:30</option>
											<option value="17:00">下午17:00</option>
											<option value="17:30">下午17:30</option>
											<option value="18:00" selected="selected">晚上18:00</option>
											<option value="18:30">晚上18:30</option>
											<option value="19:00">晚上19:00</option>
											<option value="19:30">晚上19:30</option>
											<option value="20:00">晚上20:00</option>
											<option value="20:30">晚上20:30</option>
											<option value="21:00">晚上21:00</option>
											<option value="21:30">晚上21:30</option>
											<option value="22:00">晚上22:00</option>
											<option value="22:30">晚上22:30</option>
											<option value="23:00">晚上23:00</option>
											<option value="23:30">晚上23:30</option>
										</select>	
									</div>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- 右侧选取可选时间 -->
					<div class="prefix_1 grid_6 alpha omega">
						
					</div>
				</div>
			</div>
		</form>
		<div class="container_12">
			<div class="grid_6 prefix_3 suffix_3">
				<a id="submit_btn" class="button green" href="javascript:void(0)" style="
					margin: 30px 0 40px 0;
					padding: 20px;
					width: 400px;"
				>OK，接下来的一切交给快聚FUN</a>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="container_12">
			<div class="grid_12">
				<div class="grid_6 prefix_3 suffix_3">
					&copy;2012 快聚FUN&nbsp;&nbsp;&nbsp;&nbsp;
					联系我们：<a href="#">easygathering@gmail.com</a>
				</div>
			</div>
		</div>
	</div>
	<div style="display:none;">
		<div id="dialog" title="我的联系人">
			<?php foreach($contactPeople as $key=>$value){?>
			<div class="tagspan b1">
				<h5><?php echo $value['name'];?></h5>
				<span><?php echo $value['tel'];?></span>
			</div>
			<?php }?>
		</div>
	</div>
</div>
	<script type="text/javascript" src="js/select2.js"></script>
	<script type="text/javascript" src="js/launch_party.js"></script>
	<script type="text/javascript" src="js/launch_party_request.js"></script>
	<script src="js/calendar.js"> </script>
</body>

</html>